
.header{
    padding-bottom: 0px;
    .wrap{
    width: 1200px;
    }
}
.bd-bottom{
    border-bottom: 1px solid #eae4e8;
    .wrap{
        width: 1200px;
        height: 98px;
        margin: 0 auto;
        .pub_logo{
            padding-top: 27px;
            a{
                color: #333;
                
            }
        }
    }
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden;
}

.car{
    width: 1200px;
    margin: 0 auto;
    display: none;
    .nothingbox{
        color: #999;
        text-align: center;
        padding: 150px 0 10px 0;
        overflow: hidden;
        img{
            margin-right: 10px;
            vertical-align: middle;
        }
        p{
            text-align: left;
            padding-top: 20px;
            display: inline-block;
            span{
                font-size: 14px;
                padding-bottom: 20px;
                color: #333;
                a{
                    color: #07a6df;
                }
            }
        }
    }
    .toindex{
        padding-bottom: 200px;
        a{
            background: #724a88;
            color: #fff;
            width: 120px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: block;
        }
    }
}

.relative{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    .shopStepBox{
        width: 560px;
        position: absolute;
        right: 0px;
        top: -73px;
        .car_step_icon{
            width: 560px;
            height: 20px;
            background: url(../images/shopcar/car_steps.png) no-repeat left center;
            background-position: -30px -23px;           
        }
        .car_step_txt{
            margin-top: 3px;
            height: 19px;
            li{
                position: relative;
                width: 140px;
                height: 19px;
                float: left;
                line-height: 19px;
                text-align: center;
                color: #d5cdda;
            }
            .checked{
                color: #724a88;
            }
        }
    }
}

.pd_b40{
    padding-bottom: 40px !important;
    --display: none;
    .wrap{
        width: 1200px;
        margin: 0 auto;
        .title{
            border-bottom: 1px solid #d5cdda;
            line-height: 24px;
            padding-top: 30px;
            padding-bottom: 10px !important;
            text-align: left;
            .tit{
                color: #523669;
                font-size: 18px !important;
            }
        }
        .comment_box{
            table{
                width: 100%;
                line-height: 20px;
                th{
                    font-size: 12px;
                    height: 37px;
                    font-weight: normal;
                    color: #523669;
                }
                th:first-child{
                    padding-left: 10px;
                    width: 15%;

                }
                th:nth-child(3),th:nth-child(4),th:nth-child(5){
                    width: 10%;
                }
                th:last-child{
                    width: 5%;
                }
            }
        }
    }
}
.checkbox{
    display: inline-block;                     
    .openIcon{
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: url(../images/shopcar/commonSprite.png) no-repeat 0 -80px;
    }
}
.checked .openIcon{
    background: url(../images/shopcar/commonSprite.png) no-repeat -20px -80px;
}
.shoppingBox{
    .order_title{
        line-height: 35px;
        background-color: #eee;
        padding-left: 10px;
    }
    a{
        color: #333;
        font-size: 12px;
        span:nth-child(2){
            color: #666;
        }
    }
    .sop_table1{
        width: 100%;
        line-height: 20px;
        background: #fff;
        td{
           padding-top: 10px;
           padding-bottom: 10px;
           border-bottom: 1px dotted #ccc; 
           font-size: 12px;
        }
        td:first-child{
            padding-left: 10px;
            width: 30px;
        }
        td:nth-child(2){
            width: 130px;
            span{
                display: block;
                width: 100px;
                height: 100px;
                vertical-align: middle;
                img{
                    width: 100px;
                    height: 100px;
                }
            }
        }
        td:nth-child(3){
            a{
                span{
                    color: #523669;
                }
            }
            .col{
                color: #999 !important;
                margin-top: 5px !important;
                width: 300px;
                
            }
            
        }
        td:nth-child(4){
            width: 10%;
            color: #f49f26;
        }
        td:nth-child(5){
            width: 10%;
            font-size: 0;
            .sign{
                width: 27px;
                height: 30px;
                display: inline-block;
                vertical-align: middle;
            }
            .minus{
                border: 1px solid #ccc;
                border-right: none;
                background: url(../images/shopcar/commonSprite.png) no-repeat 5px -40px; 
            }
            .inpCom{
                border: 1px solid #ccc;
                height: 30px;
                line-height: 30px;
                padding: 0 4px;
                color: #523669;
                width: 40px;
                text-align: center;
                vertical-align: middle;
            }
            .plus{
                border: 1px solid #ccc;
                border-left: none;
                background: url(../images/shopcar/commonSprite.png) no-repeat -16px -40px;
            }
        }
        td:nth-child(6){
            width: 10%;
            color: #f49f26;
            strong{
                font-weight: normal;
            }
        }
        td:last-child{
            width: 5%;
            a{
                width: 12px;
                height: 12px;
                background: url(../images/shopcar/a_delete.png) no-repeat -10px -32px;
                display: block;
            }
        }
    }
}
.firmbox{
    position: relative;
    background: #fff;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 12px;
    .lineH30{
        
        line-height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        .f_l{
            float: left;
            label{
                vertical-align: middle;
                i{
                    margin-right: 10px;
                }
            }
            span{
                display: inline-block;
                vertical-align: middle;
                font-size: 12px;
            }
            #a_BatchDel{
                display: inline-block;
                vertical-align: middle;
                color: #07a6df;
                margin-left: 10px;
                margin-right: 10px;
                cursor: pointer;
            }
        }
        .f_r{
            float: right;
            font-size: 14px;
            color: #666;
            .totalPrice{
                color: #f49f26;
                display: inline-block;
                padding-right: 5px;
                width: 80px;
            }
            .totalNum{
                color: #f49f26;
                font-style: normal;
            }
        }
        .inline{
            margin-right: 30px;
        }
    }
}
.tallyBox{
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #d5cdda;
    background: #eeecef;
    padding-left: 10px;
    .goonShopping{
        width: 100px;
        height: 33px;
        background: #724a88;
        line-height: 33px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        display: inline-block;
    }
    .tallyBtnPos{
        width: 85px;
        height: 33px;
        line-height: 33px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        background: #f49f26;
        float: right;
        margin: 10px 10px 0 30px;
    }
    p{
        color: #666;
        height: 48px;
        float: right;
        text-align: right !important;
        font-size: 12px;
        span{
            font-size: 20px;
            color: #f49f26;
        }
    }
}
